<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>立即预约</title>
    <link rel="shortcut icon" href="images/favicon.ico">

    <!-- include main css -->
    <link rel="stylesheet" type="text/css" href="../assets/libs/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="css/slick.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="css/jquery.mmenu.all.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link href="font-awesome-4.5.0/css/font-awesome.min.css" rel='stylesheet' type='text/css' media="all"/>
    <link rel="stylesheet" type="text/css" href="css/animate.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
</head>
<body>
<div>
    <header class="header">
        <div class="container clearfix">
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt=""/></a>
            </div>
            <div class="nav_right">
                <nav>
                    <ul class="clearfix">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="case.html" class="active">经典系列</a>
                        </li>
                        <li><a href="kehu.html">客照专区</a>
                        </li>
                        <li><a href="about.html">关于我们</a>
                            <ul>
                                <li><a href="about.html">公司简介</a></li>
                                <li><a href="about_fuwu.html">我们的服务</a></li>
                                <li><a href="about_wh.html">企业文化</a></li>
                                <li><a href="../admin/index/login.html">员工通道</a></li>
                            </ul>
                        </li>
                        <li><a href="team.html">服务团队</a>

                        </li>
                        <li><a href="fuwu_price.html">服务报价</a>
                            <ul>
                                <li><a href="pay.html">立即预约</a></li>
                            </ul>
                        </li>
                        <li><a href="news.html">新闻资讯</a>
                            <ul>
                            </ul>
                        </li>
                        <!--		   				<li><a href="contact.html">联系我们</a>-->
                        <!--		   					<ul>-->
                        <!--		   						<li><a href="contact.html">联系我们</a></li>-->
                        <!--		   						<li><a href="feedback.html">在线留言</a></li>-->
                        <!--		   					</ul>-->
                        <!--		   				</li>-->
                    </ul>
                </nav>
            </div>
            <a href="#mmenu" class="phone-nav"><i class="fa fa-list"></i></a>

        </div>
    </header>

    <div class="crumbs">
        <div class="centerBlock">您当前的位置：<a href="index.html">首页 </a> > <span>立即预约</span></div>
    </div>


    <div class="feedback_con clearfix zai_liu">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">用户姓名</label>
                <div class="layui-input-block">
                    <input type="text" id="uName" name="UName" lay-verify="title" autocomplete="off" placeholder="请输入姓名"
                           class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" id="uGender1" name="UGender" value="男" title="男" checked>
                    <input type="radio" id="uGender2" name="UGender" value="女" title="女">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">年龄</label>
                <div class="layui-input-block">
                    <input type="text" id="uAge" name="UAge" lay-verify="title" autocomplete="off" placeholder="请输入年龄"
                           class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">生日</label>
                    <div class="layui-input-block">
                        <input type="text" name="UBirthday" id="date1" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">邮箱</label>
                    <div class="layui-input-inline">
                        <input type="text" id="uEmail" name="UEmail" lay-verify="email" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">留言</label>
                <div class="layui-input-block">
                    <textarea id="uMessage" name="UMessage" placeholder="请输入内容（包含您的选择方案）" class="layui-textarea"></textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit="" lay-filter="demo3">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>

    </div>

    <div class="home_top">
        <div class="zhong">相关新闻</div>
    </div>
    <div class="zi_news">
        <ul class="clearfix">
            <li><a href="news.html">《中国广告》杂志专访唯星总裁赵旭隆：技术驱动营销 致力品效合一</a></li>
            <li><a href="news.html">唯星集团运营总裁张蓬先生受邀出席，并发表“数字创新，商业之‘</a></li>
            <li><a href="news.html">作为国内领先的数字营销企业，唯星集团荣获此次IAI国际广告奖变革</a></li>
            <li><a href="news.html">唯星荣誉榜——2016上半年盘点唯星荣誉榜上半年盘点</a></li>
            <li><a href="news.html">中国传媒大学广告学院联合主办的IAI国际创享节暨第16届IAI国际</a></li>
            <li><a href="news.html">年度最佳营销公司”，是对唯星产品、技术、服务及团队等</a></li>
            <li><a href="news.html">唯星集团运营总裁张蓬受邀出席IAI国际创享节并发表主题演讲商业之智</a></li>
            <li><a href="news.html">任鲁豫等在内的央视著名主持人，如此豪华阵容</a></li>
            <li><a href="news.html">整体实力的充分肯定，同时也预示着技术型数字营销企业已经引领行业</a></li>
        </ul>
    </div>

    <!--footer  start-->
    <footer class="footer">
        <div class="foot_con">
            <div class="zhu_c clearfix">
                <ul class="ul_1 clearfix">
                    <li>
                        <a href="case.html" class="a_tit">经典案例</a>

                    </li>
                    <li>
                        <a href="kehu.html" class="a_tit">客照专区</a>


                    </li>
                    <li>
                        <a href="about.html" class="a_tit">关于我们</a>
                        <a href="about.html">公司简介</a>
                        <a href="about_fuwu.html">我们的服务</a>
                        <a href="about_wh.html">企业文化</a>
                    <a href="../admin/index/login.html">员工通道</a>
                    </li>
                    <li>
                        <a href="team.html" class="a_tit">服务团队</a>

                    </li>
                    <li>
                        <a href="fuwu_price.html" class="a_tit">服务报价</a>
                        <a href="pay.html" class="a_tit">立即预约</a>
                    </li>
                    <li>
                        <a href="news.html" class="a_tit">新闻资讯</a>
                    </li>
                </ul>
                <div class="ul_2">
                    <a href="" class="ying_tit">CONTACT</a>
                    <a href="contact.html" class="a_tit">联系我们</a>
                    <span>联系地址:上海市虹口区水电路*******    </span>
                    <span>手机：<a href="tel:177 1610 1908">177 1610 1908</a></span>
                    <span>更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a> </span>
                    <span class="icons">
				<div class="bdsharebuttonbox">
					<a href="javascript:;" data-cmd="sqq"><img src="images/icon-qq.png" class="vcenter" alt=""></a>
					<a href="javascript:;" data-cmd="sqq"><img src="images/icon-qq.png" class="vcenter" alt=""></a>
					<a href="javascript:;" data-cmd="sqq"><img src="images/icon-qq.png" class="vcenter" alt=""></a>
					<a href="javascript:;" class="bds_more" data-cmd="more"><img src="images/icon-jia.png"
                                                                                 class="vcenter" alt=""/></a>
				</div>
<!--			<script>window._bd_share_config = {-->
<!--                "common": {-->
<!--                    "bdSnsKey": {},-->
<!--                    "bdText": "",-->
<!--                    "bdMini": "2",-->
<!--                    "bdPic": "",-->
<!--                    "bdStyle": "0",-->
<!--                    "bdSize": "16"-->
<!--                }, "share": {}-->
<!--            };-->
<!--            with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>-->
					</span>
                </div>
            </div>
        </div>
        <div class="copy_z">
            <div class="container">
                <div class="left">
                    <span class="co_zi">COPYRIGHT(C)2015-2024 上海唯星婚纱摄影有限公司</span>
                    <!--					<a href="map.html" class="m1">站点地图</a>-->
                </div>

                <div class="right">
                    <!--					 <a href="map.html" class="m2">站点地图</a>-->
                    <a href="#" target="_blank"><img src="images/yu.png" alt=""></a>
                    &nbsp;
                    <span class="er_show">
						<img src="images/er.png" alt=""/>
						<img src="images/erwei.png" alt="" class="er_img">
					</span>

                </div>
            </div>
        </div>
    </footer>
</div>

<!--Include Js-->
<!--<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>-->
<!--&lt;!&ndash;移动端导航&ndash;&gt;-->
<!--<script src="js/jquery.mmenu.all.min.js" type="text/javascript" charset="utf-8"></script>-->
<!--&lt;!&ndash;slick&ndash;&gt;-->
<!--<script src="js/slick.min.js" type="text/javascript" charset="utf-8"></script>-->
<!--<script src="js/wow.js" type="text/javascript" charset="utf-8"></script>-->

<!--placeholder-->
<!--<script src="js/jquery.placeholder.min.js" type="text/javascript" charset="utf-8"></script>-->
<!--<script type="text/javascript">-->
<!--    $(function () {-->
<!--        $('input, textarea').placeholder();-->
<!--    });-->
<!--</script>-->
<!--<script src="js/public.js" type="text/javascript" charset="utf-8"></script>-->
<!--<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->
</body>
<script src="../assets/libs/layui/layui.js"></script>
<script src="../html/js/my.js"></script>
<script>
    layui.use(['form','layer', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , $ = layui.jquery
            , laydate = layui.laydate;
        //渲染日期
        laydate.render({
            elem: '#date1'
        });
        form.on('submit(demo3)', function (data) {
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            });
            $.post(host+'/userservlet/save',data.field,function (r) {
               layer.msg("预约成功");
                location=host+'/html/index.html'
            },'json');

        })
    })
</script>
</html>